* {
  margin: auto; }

.top {
  width: 1280px;
  height: 38px;
  background: #dfdfde; }
  .top > p {
    display: inline-block;
    line-height: 38px;
    font-size: 14px; }

.top-p1 {
  margin-left: 158px; }

.top-p2 {
  margin-left: 633px; }

.top-p3 {
  margin-left: 25px; }

.nav {
  position: relative;
  height: 96px;
  width: 1280px; }

.logo {
  margin-top: 2px;
  margin-left: 154px;
  display: inline-block; }

.name {
  margin-left: 9px;
  position: absolute;
  top: 22px;
  width: 177px;
  display: inline-block; }

.name1, .name2 {
  display: inline-block; }

.name1 {
  font-size: 24px;
  font-weight: bold; }

.name2 {
  font-size: 12.5px; }

.nav-cf {
  margin-left: 330px;
  vertical-align: top;
  display: inline-block; }
  .nav-cf a {
    color: black; }

.nav-fl {
  float: left;
  text-align: center;
  width: 80px;
  height: 96px; }

.nav-p1 {
  padding-top: 30px; }

.nav-p {
  font-size: 14px;
  font-weight: bold; }

.nav-fl:hover {
  background: #faf8f8;
  border-bottom: 3px solid #3c9cd3; }
.foot {
  text-align: center;
  margin-top: 60px;
  width: 1280px;
  height: 102px;
  background: #3c9cd3; }
  .foot > .foot-p1 {
    margin-top: 17px;
    display: inline-block;
    font-size: 12px;
    color: white;
    height: 24px;
    line-height: 24px; }
    .foot > .foot-p1 > img {
      vertical-align: text-bottom;
      margin-left: 22px; }
  .foot > .foot-p2 {
    margin-top: 22px;
    font-size: 12px;
    color: white; }

.foot-black {
  text-align: center;
  line-height: 35px;
  width: 1280px;
  height: 35px;
  background: black; }
  .foot-black > span {
    font-size: 12px;
    color: white; }
